<!DOCTYPE html>
<html xmlns="//www.w3.org/1999/xhtml" xml:lang="zh-CN" lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<title>儒爵工作室</title>
	<link rel="shortcut icon" href="../img/favicon.ico" type="image/x-icon"/>

<!-- 新 Bootstrap4 核心 CSS 文件 -->
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" href="../css/open-iconic-bootstrap.min.css">
 
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="//cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
 
<!-- bootstrap.bundle.min.js 用于弹窗、提示、下拉菜单，包含了 popper.min.js -->
<!-- <script src="//cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script> -->
 
<!-- 最新的 Bootstrap4 核心 JavaScript 文件 -->
<script src="../script/bootstrap.min.js"></script>

<!-- CSS 文件 -->
<link rel="stylesheet" href="../style/style-coolblue.css">

</head>
<body>
	<nav class="navbar navbar-expand-md bg-dark navbar-dark fixed-top">
		<div class="container">
	  <a class="navbar-brand mr-4" href="#"><img src="../img/favicon.ico" alt="Logo" class="rounded mr-2 mb-1" id="logo">儒爵工作室</a>
	  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
	    <span class="navbar-toggler-icon"></span>
	  </button>
	  <div class="collapse navbar-collapse justify-content-end" id="collapsibleNavbar">
	    <ul class="navbar-nav">
	    
	      <li class="nav-item">
	        <a class="nav-link" href="#">ZblogPHP</a>
	      </li>
	      <li class="nav-item active">
	        <a class="nav-link" href="#">Wordpress</a>
	      </li>
	      <li class="nav-item">
	        <a class="nav-link" href="#">国外主题代购</a>
	      </li>
	      <li class="nav-item">
	        <a class="nav-link" href="#">其他网站主题</a>
	      </li>
	      <li class="nav-item">
	        <a class="nav-link" href="#"><small><span class="oi oi-cog"></span></small> 登录</a>
	        <!-- <a class="nav-link" href="#"><small><span class="oi oi-cog"></span></small> 网站后台</a> -->
	      </li> 
	    </ul>
	  </div>
	  </div> <!-- container -->
	</nav>

	<div class="jumbotron border-bottom">
		<div class="container">
			<div class="media">
			  <a href="#"><img src="../img/screenshot.png" alt="John Doe" class="img-thumbnail"></a>
			  <div class="media-body mt-3 ml-4">
			    <h3 class="mb-4">儒爵Wordpress主题模板 <span class="badge badge-danger"><span class="oi oi-fire"></span></span></h3>
			    <p>一个梦想开启的地方，wordpress主题</p>
			    <ul>
			    	<li>sdsdgsdgsd</li>
			    	<li>sdsdgsdgsd</li>
			    	<li>sdsdgsdgsd</li>
			    	<li>sdsdgsdgsd</li>
			    	<li>sdsdgsdgsd</li>
			    	<li>sdsdgsdgsd</li>
			    </ul>
			    <p class="text-right mt-5">
			    	<a href="#" class="btn btn-secondary disabled" role="button"><del>原价:584</del></a>
			    	<a href="#" class="btn btn-danger" role="button">特价:184</a>
			    </p>
			  </div>
			</div>
  		</div>
   </div>
<div class="text-center Services-box">
   	<h3>我们的服务 <span class="badge badge-secondary">Our Services</span></h3>
   	<p>为您提供独一无二的zblogPHP/wordpress网站主题模板。</p>
   	<p><a href="#" class="btn btn-info btn-lg" role="button"><small><span class="oi oi-person"></span></small> 联系我们</a> <a href="#" class="btn btn-warning btn-lg" role="button"><small><span class="oi oi-monitor"></span></small> zblog-PHP售卖平台</a></p>
</div>
<div class="jumbotron border-bottom mb-5 bg-info text-white shopbox" style="background-image:url(../img/bg.png)"><!-- 商品 -->
   <!-- <div class="container"> -->
<div id="shoping" class="carousel slide" data-ride="carousel">
   <!-- 轮播内容 -->
  <div class="carousel-inner">
    <div class="carousel-item active">
    	<div class="container"><div class="row">
	      <div class="media col-lg-6">
			  <a href="#"><img src="../img/1.png" alt="John Doe" class="img-thumbnail"></a>
			  <div class="media-body mt-3 ml-4">
			    <h3>儒爵工作室</h3>
			    <p>一个梦想开启的地方，wordpress主题</p>
			    <p class="text-right mt-5"><a href="#" class="btn btn-light disabled" role="button"><del>原价845</del></a>
			    	<a href="#" class="btn btn-warning" role="button">特价:184</a></p>
			  </div>
			</div>
			<div class="media col-lg-6">
			  <a href="#"><img src="../img/2.png" alt="John Doe" class="img-thumbnail"></a>
			  <div class="media-body mt-3 ml-4">
			    <h3>菜鸟教程</h3>
			    <p>学的不仅是技术，更是梦想！！！</p>
			    <p class="text-right mt-5"><a href="#" class="btn btn-warning" role="button"><span class="oi oi-yen"></span> 660.00</a></p>
			  </div>
			</div>
		</div><!-- row end --></div>
    </div>
    <div class="carousel-item">
      <div class="container"><div class="row">
	      <div class="media col-lg-6">
			  <a href="#"><img src="../img/3.png" alt="John Doe" class="img-thumbnail"></a>
			  <div class="media-body mt-3 ml-4">
			    <h3>第二个</h3>
			    <p>一个梦想开启的地方，wordpress主题</p>
			    <p><a href="#" class="btn btn-light text-rujue" role="button">全文浏览</a>
			    	<a href="#" class="btn btn-warning" role="button">购买主题</a></p>
			  </div>
			</div>
			<div class="media col-lg-6">
			  <a href="#"><img src="../img/2.png" alt="John Doe" class="img-thumbnail"></a>
			  <div class="media-body mt-3 ml-4">
			    <h3>菜鸟教程</h3>
			    <p>学的不仅是技术，更是梦想！！！</p>
			    <p><a href="#" class="btn btn-light text-rujue" role="button">点击购买</a></p>
			  </div>
			</div>
		</div><!-- row end --></div>
    </div>
    <div class="carousel-item">
      <div class="container"><div class="row">
	      <div class="media col-lg-6">
			  <a href="#"><img src="img/1.png" alt="John Doe" class="img-thumbnail"></a>
			  <div class="media-body mt-3 ml-4">
			    <h3>儒爵工作室</h3>
			    <p>一个梦想开启的地方，wordpress主题</p>
			    <p><a href="#" class="btn btn-light text-rujue" role="button">全文浏览</a>
			    	<a href="#" class="btn btn-warning" role="button">购买主题</a></p>
			  </div>
			</div>
			<div class="media col-lg-6">
			  <a href="#"><img src="img/2.png" alt="John Doe" class="img-thumbnail"></a>
			  <div class="media-body mt-3 ml-4">
			    <h3>菜鸟教程</h3>
			    <p>学的不仅是技术，更是梦想！！！</p>
			    <p><a href="#" class="btn btn-light text-rujue" role="button">点击购买</a></p>
			  </div>
			</div>
		</div><!-- row end --></div>
    </div>
  </div>
 
  <!-- 左右切换按钮 -->
  <a class="carousel-control-prev" href="#shoping" data-slide="prev">
    <span class="carousel-control-prev-icon"></span>
  </a>
  <a class="carousel-control-next" href="#shoping" data-slide="next">
    <span class="carousel-control-next-icon"></span>
  </a>
 
</div>


   		<!-- <div class="row"> -->

<!-- <div class="media col-lg-6">
  <a href="#"><img src="img/1.png" alt="John Doe" class="img-thumbnail"></a>
  <div class="media-body mt-3 ml-4">
    <h3>儒爵工作室</h3>
    <p>一个梦想开启的地方，wordpress主题</p>
    <p><a href="#" class="btn btn-light text-rujue" role="button">全文浏览</a>
    	<a href="#" class="btn btn-warning" role="button">购买主题</a></p>
  </div>
</div>
<div class="media col-lg-6">
  <a href="#"><img src="img/2.png" alt="John Doe" class="img-thumbnail"></a>
  <div class="media-body mt-3 ml-4">
    <h3>菜鸟教程</h3>
    <p>学的不仅是技术，更是梦想！！！</p>
    <p><a href="#" class="btn btn-light text-rujue" role="button">点击购买</a></p>
  </div>
</div> -->


		<!--</div> ROW -->
	<!-- </div> -->
</div>

<!-- 内容页面 -->
<div class="container">
		<div class="row">
			<div class="col-lg-7 offset-lg-1 index-list" id="content">
				<article class="border-bottom pb-5 mb-5">
					<div class="row">
						<div class="d-none d-md-block col-md-4 pr-4">
							<div class="calendar-box"><p class="calendar">2<em>2012/12</em></p></div>
							<p class="border-bottom"><span class="float-right">12:24 PM</span><span class="oi oi-clock"></span></p>
							<p class="border-bottom"><span class="float-right"><a href="#">15474 次浏览</a></span><span class="oi oi-eye"></span></p>
							<p class="border-bottom"><span class="float-right"><a href="#">0 条评论</a></span><span class="oi oi-comment-square"></span></p>
							<p class="border-bottom"><span class="float-right"><a href="#">分类1</a> <a href="#">分类2</a></span><span class="oi oi-spreadsheet"></span></p>
						</div>
						<div class="col-md-8">
					<h2 class="mb-3 pt-1"><a href="#" class="title-h2">一个笑话</a></h2>
					<p>
						<a href="#"><span class="badge badge-pill badge-secondary">标签1</span></a>
						<a href="#"><span class="badge badge-pill badge-secondary">标签2</span></a>
					</p>
					<!-- <p><small><span class="oi oi-person"></span> <a href="#">张三</a> <span class="oi oi-spreadsheet"></span> <a href="#">分类1</a>,<a href="#">分类2</a> <span class="oi oi-tag"></span> </small>
						<a href="#"><span class="badge badge-pill badge-success">标签1</span></a>
						<a href="#"><span class="badge badge-pill badge-success">标签2</span></a>
					</p> -->
					<p>有一人独自在森林冒险，突然发现自己被食人族重重包围。于是对天空大喊：“我死定了，上帝救救我！”</p>
					<p>天空传来一个声音：“还不一定，你再捡起地上一颗大石头，把带头的酋长砸死。”</p>
					<p>于是他捡起地上最大的一颗石头，狠狠的砸向酋长，正好把酋长砸死。</p>
					<p>这时天上又传来一阵声音：“现在你才真的死定了。”</p>
					<p><a href="#" class="btn btn-rujue" role="button">全文浏览</a></p>
						</div>
					</div>
				</article>
				<article class="border-bottom pb-5 mb-5">
					<div class="row">
						<div class="d-none d-md-block col-md-4 pr-4">
							<div class="calendar-box"><p class="calendar">21<em>2022/02</em></p></div>
							<p class="border-bottom"><span class="float-right">1:24 AM</span><span class="oi oi-clock"></span></p>
							<p class="border-bottom"><span class="float-right"><a href="#">15474 次浏览</a></span><span class="oi oi-eye"></span></p>
							<p class="border-bottom"><span class="float-right"><a href="#">分类1</a> <a href="#">分类2</a></span><span class="oi oi-spreadsheet"></span></p>
							<p class="border-bottom"><span class="float-right"><a href="#">0 条评论</a></span><span class="oi oi-comment-square"></span></p>
						</div>
						<div class="col-md-8">
					<h2 class="mb-3 pt-1"><a href="#" class="title-h2">第二篇文章：自己被食人族重重包围。于是</a></h2>
					<p>
						<a href="#"><span class="badge badge-pill badge-secondary">标签1</span></a>
						<a href="#"><span class="badge badge-pill badge-secondary">标签2</span></a>
					</p>
					<p>有一人独自在森林冒险，突然发现自己被食人族重重包围。于是对天空大喊：“我死定了，上帝救救我！”</p>
					<p><img src="//static.runoob.com/images/mix/img_mountains_wide.jpg" alt="sdf" class="img-thumbnail"></p>
					<p><a href="#" class="btn btn-rujue" role="button">全文浏览</a></p>
						</div>
					</div>
				</article>
				<article class="border-bottom pb-5 mb-5">
					<div class="row">
						<div class="d-none d-md-block col-md-4 pr-4">
							<div class="calendar-box"><p class="calendar">11<em>2012/12</em></p></div>
							<p class="border-bottom"><span class="float-right">1:04 AM</span><span class="oi oi-clock"></span></p>
							<p class="border-bottom"><span class="float-right"><a href="#">474 次浏览</a></span><span class="oi oi-eye"></span></p>
							<p class="border-bottom"><span class="float-right"><a href="#">分类1</a> <a href="#">分类2</a></span><span class="oi oi-spreadsheet"></span></p>
							<p class="border-bottom"><span class="float-right"><a href="#">0 条评论</a></span><span class="oi oi-comment-square"></span></p>
						</div>
						<div class="col-md-8">
					<h2 class="mb-3 pt-1"><a href="#" class="title-h2">视频测试</a></h2>
					<p>
						<a href="#"><span class="badge badge-pill badge-secondary">标签1</span></a>
						<a href="#"><span class="badge badge-pill badge-secondary">标签2</span></a>
					</p>
					<p>有一人独自在森林冒险，突然发现自己被食人族重重包围。于是对天空大喊：“我死定了，上帝救救我！”</p>
					<!-- <p><iframe src="//player.bilibili.com/player.html?aid=849538668&bvid=BV1wL4y1W7eV&cid=451992277&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe></p> -->
					<p><a href="#" class="btn btn-rujue" role="button">全文浏览</a></p>
						</div>
					</div>
				</article>
			<!-- 分页 -->
			<div class="d-flex justify-content-center">	
<ul class="pagination">
  <li class="page-item"><a class="page-link" href="#">Previous</a></li>
  <li class="page-item"><a class="page-link" href="#">1</a></li>
  <li class="page-item active"><a class="page-link" href="#">2</a></li>
  <li class="page-item"><a class="page-link" href="#">3</a></li>
  <li class="page-item"><a class="page-link" href="#">Next</a></li>
</ul>
			</div>

			</div>

<aside class="d-none d-lg-block col-lg-3 offset-lg-1" id="Sidebar-right">
<!-- 日历 -->
<dl class="function" id="divCalendar">
<dt style="display:none;"></dt><dd class="function_c">

<div><table id="tbCalendar"><!-- 日历 -->
    <caption><a title="上个月" href="">«</a>&nbsp;&nbsp;&nbsp;<a href="">
    2021年11月    </a>&nbsp;&nbsp;&nbsp;<a title="下个月" href="">»</a></caption>
    <thead><tr> <th title="星期一" scope="col"><small>一</small></th> <th title="星期二" scope="col"><small>二</small></th> <th title="星期三" scope="col"><small>三</small></th> <th title="星期四" scope="col"><small>四</small></th> <th title="星期五" scope="col"><small>五</small></th> <th title="星期六" scope="col"><small>六</small></th> <th title="星期日" scope="col"><small>日</small></th></tr></thead>
    <tbody>
        <tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td></tr>
    <tr><td>8</td><td>9</td><td>10</td><td>11</td><td>12</td><td>13</td><td>14</td></tr>
    <tr><td>15</td><td>16</td><td>17</td><td>18</td><td>19</td><td>20</td><td>21</td></tr>
    <tr><td>22</td><td>23</td><td>24</td><td>25</td><td>26</td><td>27</td><td>28</td></tr>
    <tr><td>29</td><td><a href="" title="2021-11-30 (1)" target="_blank">30</a></td><td></td><td></td><td></td><td></td><td></td></tr>
    	</tbody>
</table></div>
</dd>
</dl>

<dl class="function" id="divArchives"><!-- 文章归档 -->
<dt class="function_t">文章归档</dt>
<dd class="function_c">
<ul><li><a title="2021年12月" href="http://localhost/zbp/?date=2021-12">2021年12月 (2)</a></li>
<li><a title="2021年11月" href="http://localhost/zbp/?date=2021-11">2021年11月 (2)</a></li>
</ul>
</dd>
</dl>

<dl class="function" id="divContorPanel">
<dt class="function_t">控制面板</dt><dd class="function_c">
<div><span class="cp-hello">欢迎 admin (管理员)</span><br><span class="cp-login"><a href="http://localhost/zbp/zb_system/cmd.php?act=login">后台管理</a></span>&nbsp;&nbsp;<span class="cp-vrs"><a href="http://localhost/zbp/zb_system/cmd.php?act=ArticleEdt">新建文章</a></span></div>
</dd>
</dl>

<dl class="function" id="divCatalog">
<dt class="function_t">网站分类</dt><dd class="function_c">
<ul><li><a title="未分类" href="#">未分类</a></li>
	<li><a title="未分类" href="#">未分1类</a></li>
</ul>
</dd>
</dl>

<dl class="function" id="divTags">
<dt class="function_t">标签列表</dt><dd class="function_c">
<ul>
<li><a title="sdgsd" href="#">sdgsd<span class="tag-count"> (1)</span></a></li>
<li><a title="1231ada" href="#">wordrpess</a></li>
<li><a title="sdgsd" href="#">sdgsd<span class="tag-count"> (1)</span></a></li>
<li><a title="1231ada" href="#">的科<span class="tag-count"> (1)</span></a></li>
<li><a title="sdgsd" href="#">sdgsd</a></li>
<li><a title="1231ada" href="#">力干将a<span class="tag-count"> (1)</span></a></li>
<li><a title="sdgsd" href="#">zblog-PHP<span class="tag-count"> (1)</span></a></li>
<li><a title="1231ada" href="#">1231ada(1)</span></a></li>
</ul>
</dd>
</dl>

<dl class="function" id="divComments">
<dt class="function_t">最新留言</dt><dd class="function_c">
<ul><li><a href="#" title="admin @ 2021-12-01 13:39:44">三个傻瓜是是</a></li>
<li><a href="#" title="admin @ 2021-12-01 13:37:41">收割机抗衰老的科技感上刊登老规矩</a></li>
<li><a href="#" title="钢珠是猪 @ 2021-12-01 13:30:01">贾克斯得力干将啥劳动工具拉萨的</a></li>
<li><a href="#" title="admin @ 2021-12-01 13:28:58">系统生成了一</a></li>
</ul>
</dd>
</dl>

<dl class="function" id="divLinkage">
<dt class="function_t">友情链接</dt><dd class="function_c">
<ul><li><a href="#" target="_blank" title="Z-Blog on Github">Z-Blog on Github</a></li><li><a href="#" target="_blank" title="Z-Blog官方主机">Z-Blog主机</a></li></ul>
</dd>
</dl>

<dl class="function" id="divSearchPanel">
<dt class="function_t">搜索</dt><dd class="function_c">
<div><form name="search" method="post" action="#"><input type="text" name="q" size="11"> <input type="submit" value="搜索"></form></div>
</dd>
</dl>

<dl class="function" id="divPrevious">
<dt class="function_t">最近发表</dt><dd class="function_c">
<ul><li><a title="tusp gsmjklk jklsjgl " href="#">tusp gsmjklk jklsjgl </a></li>
<li><a title="sad分公司" href="#">sad分公司</a></li>
<li><a title="感觉很不错的主题哦~" href="#">感觉很不错的主题觉很不错的主题觉很不错的主题觉很不错的主题哦~</a></li>
<li><a title="欢迎使用Z-BlogPHP！" href="#">欢迎使用Z-BlogPHP！</a></li>
</ul>
</dd>
</dl>

			</aside>
		</div>
	</div>
<footer class="bg-dark text-white text-center mt-5 pt-5 pb-5 footer">
    <p>本站主题模版版权归儒爵工作室(rujue.cn)所有，任何商业用途均须联系作者。如未经授权用作他处，作者将保留追究侵权者法律责任的权利。</p>
    <p>
        Copyright © 2016-2022 <a href="#" title="wosgld">wosgld</a>&nbsp;Copyright Your WebSite.Some Rights Reserved.&nbsp;
        Powered By <a href="#" title="Z-BlogPHP 1.7.1 Build 172985" target="_blank">Z-BlogPHP</a>. Theme by <a href="#" title="儒爵软件开发工作室-专业z-blogPHP主题模版制作" target="_blank">Rujue.cn.</a>
    </p>
</footer>
</body>
</html>